
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>dvtplayer module viewer</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/metro/3.0.17/css/metro-icons.min.css" />
    <link rel="stylesheet" href="https://cdn.bootcss.com/metro/3.0.17/css/metro-schemes.min.css" />
    <link rel="stylesheet" href="https://cdn.bootcss.com/metro/3.0.17/css/metro.min.css" />
    <!--<base href="https://cdn2.game550.cn/" />-->
    <style>
			 body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,
form,fieldset,legend,button,input,textarea,th,td,.grid,#caseContainer2 {margin:0;padding:0;}

			iframe {
			    background: -webkit-gradient(linear, 0% 20%, 0% 100%, from(#fff), to(#fff), color-stop(.2, #f2f2f2));
			    border: 0;
			}
			
			.fluent-menu .tabs-content .tab-panel .tab-panel-group {
			    height: 100%;
			    position: relative;
			    display: block;
			    float: left;
			    padding: 0 5px;
			    border-right: 1px #d4d4d4 solid;
			    width:100%;
			}
		</style>
  </head>  
  <body>




<div class="fluent-menu" data-role="fluentmenu">
    <ul class="tabs-holder">
        <li class="special"> <a href="javascript:void(0)"> dvtplayer viewer</a></li>
        <li class="active"><a href="#tab_home">File</a></li>
    </ul>
    <script>
      var BaseURL = "https://cdn2.game550.cn/";
    </script>
    <div class="tabs-content">
        <div class="tab-panel" id="tab_home" style="display: block;">
            <div class="tab-panel-group">
                <div class="tab-group-content">
                    <button class="fluent-big-button" id ="run">
                        <span class="icon mif-cogs"></span>
                        runcode
                    </button>
                   
                    <button class="fluent-big-button" id ="raw">
                        <span class="icon mif-embed2"></span>
                        view code
                    </button>
                    
                    <button class="fluent-big-button" id ="savecode">
                        <span class="icon mif-file-archive"></span>
                        pack code
                    </button>
                </div>
                <div class="tab-group-caption">edit</div>
            </div>
    </div>
</div>
 <div id="codec" style="display: none;">
/////
///  数据打点示例
////
var modu = {};
var exports = window.exports;
var modules = exports.cls.Module;
var win     = window;
modu.Module = function (a, b) {
   window.App(self,modules, a, b);
}
modu.Message= function (a,b,c,d) {
   window.Message(self, a,b,c,d);
}
var upload_init = function () {
    win.addEventListener(self, "dssa_playing" , function () {
        if(exports.DATA["currTime"] == 10 /*第10S*/) {
              win.alert(self, "upload show data");  
              ////比如播放到第十秒，上报曝光率
        }
    });
}
modu.Module(
 "BITracekerTestModule", function (self,message) {
    switch (message.msgId) {
        case 0x1009:
            upload_init();
            break;
        default:
            console.log("default");
            break;
    }
 }
);

////默认不需要这个初始化，但是为了看到实时的效果，我们手动初始化一次
modu.Message(0x1009, "BITracekerTestModule");

 </div>
  <div class="grid">
     <div class="row cells6">
        <div class="cell colspan3">
            <pre id="editor" style="width:100%;height: 411px;">
            </pre>
        </div>
                    
        <div class="cell colspan3" id="caseContainer2">
        	<iframe   width="731" scrolling="no" height="411"  src="https://cdn2.game550.cn/zbx/build/inview.html?dev=1&cmd=eyJyZW1vdGVVUkwiOiJodHRwczovL2NkbjIuZ2FtZTU1MC5jbi9kb2NzL3Jlcy8iLCJmaWxlIjoidG1wbGF0ZS5tcDQifQ"></iframe>
        </div>
    </div>
</div>
<div class="panel">
    <div class="heading">
    </div>
</div>

<div data-role="charm" data-position="bottom" id="console" style="background: #0072c6;">
    <div class="numeric-list square-marker" style="padding:15px;width: 95%; overflow-y: auto;  height: 200px;" id="logger">
    </div>
</div>

<div data-role="dialog" id="dialog3" data-close-button="true" >
    <div class="window-caption">
        <span class="window-caption-icon"><span class="mif-file-binary"></span></span>
        <span class="window-caption-title" id="embedCodeTitle"></span>
        <span class="btn-close"></span>
    </div>
    <pre id="editor3" style="width:30rem;height:30rem;">
    </pre>
</div>
    
    <script src="https://cdn.bootcss.com/jquery/2.2.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/metro/3.0.17/js/metro.min.js"></script>
    <script src="https://cdn.bootcss.com/ace/1.3.3/ace.js"></script>
    <script src="https://cdn.bootcss.com/ace/1.3.3/mode-javascript.js"></script>
    <script src="https://cdn.bootcss.com/ace/1.3.3/theme-xcode.js"></script>
    <script src="https://cdn.bootcss.com/ace/1.3.3/mode-lua.js"></script>
    <script src="https://cdn2.game550.cn/lua.vm.js"></script>
	<script src="https://cdn2.game550.cn/zbx/view/apolloxlua.console.js"></script>
	<script type="text/javascript" src="https://cdn2.game550.cn/apolloxlua.js"></script>
  </body>
</html>    
